.head{
    // background-color: #fff;
    height: 100vh;
}
.search_history{
    .history_title{
        font-size: 28rpx;
		color: #555;
        image{
            width: 50rpx;
            height: 50rpx;
        }
    }
    .history_list{
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
        text{
            font-size: 26rpx;
            background-color: #d0d0d0;
            padding: 10rpx 40rpx;
			border-radius: 20rpx;
			margin-top: 20rpx;
			margin-right: 20rpx;
        }
    }
}
.search_input{
	background-color: #fff;
    padding: 20rpx;
    display: flex;
    .left{
        flex: 10;
    }
    .right{
        flex: 2;
        text-align: center;
        display: flex;
        align-content: center;
        flex-direction: column;
        justify-content: center;
    }
    input{
        border-radius: 100rpx;
        background-color: #f5f5f5;
        padding: 20rpx 40rpx;
    }
}
.foot {
    z-index: 88;
    position: fixed;
    bottom: 0;
    height: 170rpx;
    background-color: #fff;
    box-shadow: 4px 2px 20rpx 10rpx #d8d8d8;
    border-top-left-radius: 40rpx;
    border-top-right-radius: 40rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    .foot_left {
        margin-left: 60rpx;
        position: relative;
        image {
            width: 100rpx;
            height: 100rpx;
        }
    }
    .foot_right {
        margin-right: 60rpx;
        text {
            background-color: #c4ebe5;
            color: #00aa90;
            padding: 20rpx 40rpx;
            border-radius: 100rpx;
        }
        .check{
            background-color: #00aa90;
            color: #fff;
        }
    }
    .goods_prine {
        flex: 2;
        margin-left: 20rpx;
        text {
            font-size: 50rpx;
            font-weight: 600;
        }
    }
}
.contenr_item {
    background-color: #fff;
    border-radius: 20rpx;
    display: flex;
    border-bottom: 1px solid #efefef;
    padding: 20rpx;
	margin-bottom: 20rpx;
    .item_info {
        width: 100%;
        padding: 0 0 0 20rpx;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .info_title {
            font-weight: 700;
            font-size: 28rpx;
            padding-bottom: 10rpx;
        }

        .info_tab_1,
        .info_tab_2,
        .info_tab_3 {
            background-color: #ffe3e0;
            color: #f24839;
            font-size: 20rpx;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 120rpx;

            view {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            padding: 5rpx 10rpx;
            border-radius: 5rpx;
            align-items: center;

            image {
                width: 23rpx;
                height: 23rpx;
            }
        }

        .info_tab_2 {
            background-color: rgba(87, 185, 255, 0.3);
            color: rgb(87, 185, 255);
        }

        .info_tab_3 {
            background-color: rgba(124, 231, 115, 0.3);
            color: rgb(124, 231, 115);
        }
    }

    .xl {
        padding: 5rpx 0;
        color: #b6b6b6;
        font-size: 20rpx;
    }

    .bottom_text {
        width: 100%;
        display: flex;
        justify-content: space-between;

        .je {
            color: #ff0000;
            font-size: 20rpx;

            text {
                font-weight: 700;
                font-size: 30rpx;
            }
        }

        .sku {
            font-size: 20rpx;
            background-color: #ff6a16;
            color: #fff;
            border-radius: 100rpx;
            text-align: center;
            padding: 5rpx 15rpx;
            margin-right: 20rpx;
        }

        .add_sku {
            image {
                width: 35rpx;
                height: 35rpx;
            }
            margin-right: 20rpx;
        }
    }

    .item_img {
        position: relative;
        border-radius: 20rpx;
        width: 150rpx;
        height: 150rpx;

        image {
            width: 150rpx;
            height: 150rpx;
            border-radius: 20rpx;
        }

        .bk {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #ff3927;
            font-size: 18rpx;
            color: #fff;
            padding: 5rpx 15rpx;
            border-top-left-radius: 20rpx;
            border-bottom-right-radius: 20rpx;
        }
    }
}
.goods_list{
    // padding: 20rpx;
    // background-color: #f5f5f5;
    padding-bottom: 200rpx;
}

.popup_item{
	border-top-left-radius: 20rpx;
	border-top-right-radius: 20rpx;
	padding-bottom: 200rpx;
	.popup_top::-webkit-scrollbar {
    display: none;
	}
	.popup_top{
		overflow-y: auto;
		max-height: 60vh;
		padding-bottom: 40rpx;
		.item_img{
			border-bottom: 1px solid #f4f4f4;
			display: flex;
			padding: 20rpx;
			.item_img_image{
				width: 130rpx;
				height: 130rpx;
				image{
					width: 130rpx;
					height: 130rpx;
				}
			}
			.item_text{
				padding-left: 20rpx;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				.info_title{
					font-weight: 700;
				}
				.info_lat{
					font-size: 26rpx;
					line-height: 40rpx;
					color: #9b9b9b;
				}
				.info_code{
					font-size: 22rpx;
					color: #9b9b9b;
				}
			}
			
		}
		.item_info{
			padding: 20rpx;
			.info_title{
				font-weight: 700;
				font-size: 35rpx;
			}
			.info_lat{
				margin: 20rpx 0;
				color: #9b9b9b;
				font-size: 28rpx;
			}
		}
		.item_sku{
			padding: 20rpx;
			.sku_list{
				.sku_title{
					font-size: 28rpx ;
					font-weight: 700;
				}
				.sku_type{
					padding:0 20rpx;
					display: flex;
					flex-wrap: wrap;
					text{
						margin-top: 20rpx;
						color: #555;
						border: 1px solid #dcdcdc;
						font-size: 28rpx;
						padding: 10rpx 30rpx;
						border-radius: 10rpx;
						margin-right: 20rpx;
					}
					.check{
						background-color: #b6e7df;
						border: 1px solid #00aa91;
						color: #00aa90;
					}
					#del{
						text-decoration: line-through
					}
					.del{
						text-decoration: line-through;
						color: #555;
						background-color: #dad6d6;
					}
				}
				.sku_type::after{
					content: "";
					  flex: auto;
				}
				.sku_size{
					padding: 20rpx;
					display: flex;
					align-items: center;
					text{
						padding: 10rpx 20rpx;
						margin-left: 10rpx;
						border: 1px solid #dcdcdc;
						border-radius: 10rpx;
					}
					.sku_size_item{
						font-size: 25rpx;
						display: flex;
						align-items: center;
						margin-right: 20rpx;
						input{
							padding: 10rpx 20rpx;
							margin-left: 10rpx;
							border: 1px solid #dcdcdc;
							border-radius: 10rpx;
						}
					}
					.sku_size_square{
						font-size: 25rpx;
						display: flex;
						align-items: center;
					}
				}
			}
		}
		.recommend{
			.recommend_title{
				font-size: 28rpx ;
				font-weight: 700;
				padding: 20rpx;
			}
			.recommend_item{
				.sku_type{
					padding:0 20rpx;
					display: flex;
					flex-wrap: wrap;
					text{
						margin-top: 20rpx;
						color: #555;
						border: 1px solid #dcdcdc;
						font-size: 28rpx;
						padding: 10rpx 30rpx;
						border-radius: 10rpx;
						margin-right: 20rpx;
					}
					.check{
						background-color: #b6e7df;
						border: 1px solid #00aa91;
						color: #00aa90;
					}
				}
			}
		}
	}
	.popup_bottom{
		background-color: #fff;
		width: 100%;
		position: fixed;
		bottom: 0;
		padding-bottom: 20rpx;
		height: 200rpx;
		box-shadow: 5rpx 15rpx 20rpx 20rpx #e2e2e2;
		.price{
			color: #f24839;
			font-size: 30rpx;
			text{
				font-size: 40rpx;
				font-weight: 700;
				color: #f24839;
			}
		}
		.bottom_top{
			padding: 20rpx;
		}
		.bottom_bottom{
			.btn_left{
				border: 1px solid #ff6b16;
				border-radius: 100rpx;
				color: #ff6b16;
				margin-left: 30rpx;
			}
			.btn_right{
				flex: 1;
				text-align: center;
				background:linear-gradient(to right,#ff6b16,#ffa130);
				color: #fff;
				border-radius: 100rpx;
				// margin-right: 30rpx;
				margin:0 30rpx ;
				padding: 20rpx 120rpx ;
			}
		}
	}
}

.popup_showGoods{
	overflow: auto;
	z-index: 999;
	// height: 70vh;
	max-height: 70vh;
	.top_set{
		font-size: 26rpx;
		padding: 20rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid #efefef;
		.del{
			display: flex;
			align-items: center;
			image{
				margin-right: 10rpx;
				width: 35rpx;
				height:35rpx;
			}
			font-size: 26rpx;
			color: #9b9b9b;
		}
	}
	.goods_list::-webkit-scrollbar {
    display: none;
	}
	.goods_list{
		overflow-y: auto;
		// height: calc(70vh - 136rpx);
		max-height: calc(70vh - 136rpx);
		.goods_item:last-child{
			margin-bottom: 200rpx;
		}
		.goods_item{
			padding: 20rpx;
			display: flex;
			border-bottom: 1px solid #efefef;
			.item_img{
				flex: 2.5;
				image{
					width: 140rpx;
					height: 140rpx;
					border-radius: 20rpx;
				}
			}
			.item_info{
				flex: 7;
				padding: 0 0 0 20rpx;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				.item_title{
					font-weight: 600;
					font-size: 28rpx;
				}
				.item_sku{
					font-size: 24rpx;
					color: #9b9b9b;
					flex: 1;
					padding-top: 5rpx;
					
				}
				.item_price{
					font-size: 25rpx;
					color: #f24839;
					display: flex;
					align-items: center;
					justify-content: space-between;
					text{
						font-size: 32rpx;
						font-weight: 600;
					}
				}
			}
		}
	}
}
.all_out{
	position: absolute;
	bottom: 25vh;
	left: 50%;
	transform: translate(-50%);
	font-size: 28rpx;
	color: #555;
}